<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@ include file="checkLogin.inc.jsp" %>
<%@ page import="java.util.ArrayList" %>

<%

ArrayList<Course> allCourses = (ArrayList<Course>) currentUser.getCourses();
%>

<%!
//User currentUser = UserManager.getInstance().getCurrentUser();
public ArrayList<Course> CourseListWrapper(String richting, String fase,ArrayList<Course> allCourses) {
    ArrayList<Course> displayCourses = new ArrayList<Course>();
for(Course course : allCourses) {
	if(course.getCourseID().startsWith(richting)){ 
		if(course.getCourseID().contains(fase)){
			displayCourses.add(course);		 
			}
		}
	}
return displayCourses;
}
%>
<%
	ArrayList<Course> courseList = (ArrayList<Course>) currentUser.getCourses();
    ArrayList<Course> gemeenschappelijkeVakken = new ArrayList<Course>();
	String hoofdrichting = currentUser.getMain();
	String nevenrichting = currentUser.getSide();
	hoofdrichting = hoofdrichting == null ? "" : hoofdrichting;
	nevenrichting = nevenrichting == null ? "" : nevenrichting;
	String hoofd = "";
	String neven = "";
	
	if(hoofdrichting.equals("Computerwetenschappen"))			{   hoofd = "cw";	}
	if(hoofdrichting.equals("Chemische Technologie"))			{   hoofd = "cit";	}
	if(hoofdrichting.equals("Elektrotechniek"))					{   hoofd = "esat";	}
	if(hoofdrichting.equals("Bouwkunde"))						{   hoofd = "bwk";	}
	if(hoofdrichting.equals("Geotechniek en mijnbouwkunde"))	{   hoofd = "geo";	}
	if(hoofdrichting.equals("Materiaalkunde"))					{   hoofd = "mat";	}
	if(hoofdrichting.equals("Werktuigkunde"))					{   hoofd = "werk";	}

	if(nevenrichting.equals("Computerwetenschappen"))			{   neven = "cw";	}
	if(nevenrichting.equals("Chemische Technologie"))			{   neven = "cit";	}
	if(nevenrichting.equals("Elektrotechniek"))					{   neven = "esat";	}
	if(nevenrichting.equals("Bouwkunde"))						{   neven = "bwk";	}
	if(nevenrichting.equals("Geotechniek en mijnbouwkunde"))	{   neven = "geo";	}
	if(nevenrichting.equals("Materiaalkunde"))					{   neven = "mat";	}
	if(nevenrichting.equals("Werktuigkunde"))					{   neven = "werk";	}
	

	
	ArrayList<Course> hoofdVakken = CourseListWrapper("bir", hoofd,allCourses);
	ArrayList<Course> nevenVakken = CourseListWrapper("bir", neven,allCourses);

	for(Course course:courseList)
	{
		String id = course.getCourseID();
		if(id.contains("bir01"))
		{
			gemeenschappelijkeVakken.add(course);
		}
		if(id.contains("bir02"))
		{
			gemeenschappelijkeVakken.add(course);
		}
	}

%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html> 
<head> 
	<title>Home - StAPP</title>
	
	<%@ include file="mobileResources.inc.jsp" %>
	
</head> 

<body>
<div data-role="page" id="homePage">
	<div data-role="header">
		<% WebCache.headerElement = "profile"; %>
		<%@ include file="mobileHeader.inc.jsp" %>
	</div><!-- /header -->
	<div data-role="content">
	
	<div data-role="content" data-theme="a" id="profileBackgroundDiv">
	
	<div data-role="content" data-theme="b" id="profileHeader">
			<center><div id="headingText">
			<strong>PROFILE</strong>
			</div></center>
			<div id="identity">
			Username: <%=currentUser.getName()%></br>
			E-mail: <%=currentUser.getMail()%>
			</div>
			<div id="points">
			Your total points: <strong id="pointsText"><%=currentUser.getPoints()%></strong>
			</div>
			</div>
	<div data-role="content" id="profileContentStandard">
		<% if(!gemeenschappelijkeVakken.isEmpty()){ %>	
			
			<div id="courseDivGem">
			<p>Your common courses:</br></p>
				<table border="0">
				<td> <%
				for(Course course : gemeenschappelijkeVakken) {
				%>
	
							<tr><li><%=course.getName()%></li></tr>
				<%	}
				%>
				</td>
				</table>
			</div><!-- /courseDivGem -->
			<%} %>
			<div id="specificCourseDiv">
			<% if(!hoofdVakken.isEmpty()){ %>
			<div id="courseDivHoofd">
			<p>Your main courses:</br></p>
				<table border="0">
				<td> <%
				for(Course course : hoofdVakken) {
				%>
	
							<tr><li><%=course.getName()%></li></tr>
				<%	}
				%>
				</td>
				</table>
			</div><!-- /courseDivSpec -->
			<%} %>
			<% if(!nevenVakken.isEmpty()){ %>
			<div id="courseDivNeven">
			<p>Your side courses:</br></p>
				<table border="0">
				<td> <%
				for(Course course : nevenVakken) {
				%>
	
							<tr><li><%=course.getName()%></li></tr>
				<%	}
				%>
				</td>
				</table>
			</div><!-- /courseDivSpec -->
			<%} %>
			</div><!-- /specificCourseDiv -->
			
			<div id="changeGemCoursesDiv" style="display: none;">
				<button data-role="input" id="changeEnrolledCourses" value="changeEnrolledCourses">Change courses</button>
			</div><!-- /changeGemCoursesDiv -->
			</div><!-- /profileContentStandard -->
				
	<div data-role="content" id="profileDivChangeCourses">
	
			</div><!-- /profileDivChangeCourses -->
			
	<div data-role="content" data-theme="b" id="profileFooter">
		
			</div><!-- /profileFooter -->
	
		</div><!-- /profileBackgroundDiv -->
		
		</div><!-- /content -->
	<div data-role="footer">
		<h4>&copy; 2011 - StAPP</h4>
		</div><!-- /footer -->
</div><!-- /page -->


</body>
</html>